<style>
	.member-tag {width: 145px;display: block;float: left;padding: 10px;font-style: italic1;border-radius: 5px;margin: 5px 10px 5px 0;}
	.member-tag,
	.member-tag .i {color: white;}
	.member-tag small {color: #ccc;}
	.member-tag.member-tag-vip2017 {background: chocolate;}
	.member-tag.member-tag-cluber2017 {background: darkgreen;}
	.member-tag.member-tag-staff {background: purple;}
	.member-list-tag * {display: none!important;}
	.member-list-tag:before {font-weight: bold;font-style: italic1;margin-right: 5px;}
	.member-list-tag-vip2017:before {content: "VIP";color: chocolate;}
	.member-list-tag-cluber2017:before {content: "CLUBER";color: darkgreen;}
	.member-list-tag-staff:before {content: "STAFF";color: purple;}
	.card-tag {width: 145px;background: #666;display: block;float: left;padding: 10px;font-style: italic1;border-radius: 5px;margin: 5px 10px 5px 0;}
	.card-tag,
	.card-tag .i {color: white;}
	.card-tag small {color: #ccc;}
	.card-tag b {float: right;color: #ccc;cursor: pointer;font-style: normal;}
	.card-tag b:hover {color: white;}
	#user-container:after {border: none;}
</style>
<div class="weui-panel__hd" id='user-container'>
	<div class=' bc-list' id='user-list' data-port='http://api.hongyanche.com/client/user_list'>
		<div class='weui-cells__title'>
			查找用户
			<!--<a class='pointer pull-right' id="client-add">创建新用户</a>-->
		</div>
		<div onmouseenter="$('#client-list-keywords').focus()" style="background: #F5F5F5" class='weui-cells weui-cells__radius'>
			<div class='weui-cell weui-cell_vcode'>
				<div class='weui-cell__hd'>
					<p><i class='weui-icon weui-icon-search'></i> 查找用户:</p>
				</div>
				<div class='weui-cell__bd'>
					<input autocomplete='off' id='client-list-keywords' class='bc-input-focus weui-input' name='keywords' placeholder="输入电话号码 / 用户名称"/>
					<input autocomplete="off" id="client-list-page" class="hidden" name="page" />
				</div>
				<div class="weui-cell__ft">
					<a type="submit" href="javascript:;" id="client-search-confirm" class="bc-list-reload weui-vcode-btn">&nbsp;&nbsp;确认&nbsp;&nbsp;</a>
				</div>
			</div>
		</div>
		<div class='bc-list-template weui-cells bc-list-header'>
			<div class='weui-cell weui-cell_access' style='font-size: 14px;'>
				<div class='weui-cell__hd' style='width:58px;'>
					<hd>头像</hd>
					<headimgurl list=d>
						<headimgurl list=i><img style="width:30px;height:30px;" class='headimg' /></headimgurl>
					</headimgurl>
					<headimgurl list=none>
						<div class='headimg' style="width:30px;height:30px;"></div>
					</headimgurl>
				</div>
				<div class='weui-cell__bd text-nowrap' style='flex:2'>
					<hd>用户</hd>
					<user_name list=1></user_name> <small mute># <user_id list=1></user_id></small>&nbsp;</div>
				<div class='weui-cell__bd' style='flex:2'>
					<hd>手机号码</hd>
					<tel list=1></tel>
				</div>
				<div class='weui-cell__bd' style='padding-right:40px;text-align: right;'>
					<hd>账户余额</hd>
					<balance list=f></balance>
				</div>
				<div class='weui-cell__bd' style='flex:2'>
					<hd>会员信息</hd>
					<empirical_value list=1 style="color:chocolate;"><small class='member-list-tag'><demand range=1></demand>&nbsp;</small></empirical_value>
				</div>
				<!--<div class='weui-cell__bd'><hd>实体卡</hd><cards list=r><small><i class='i i-cardfill'></i>&nbsp;</small></cards></div>-->
				<div class='weui-cell__bd'>
					<hd>积分</hd>
					<points list=1></points>
				</div>
				<div class='weui-cell__bd' style="width:120px;">
					<hd>创建时间</hd><small> <create_time list=t></create_time></small></div>
			</div>
		</div>
		<div id="user-list-content">
			<div class='bc-list-content weui-cells' style='display: none;'></div>
		</div>
	</div>
</div>
<div class="weui-panel__bd bc-detail bc-info bc-modal-data no-init" data-port='http://api.hongyanche.com/client/user_order_list' id="user-detail"
 style='display: none;'>
	<!-- <div class='weui-cells__title'>用户信息</div> -->
	<div class='weui-cells'>
		<div class='weui-cell__hd'>
			<div class='weui-cell__rt' style="margin-left:2%">
				<small mute><a style='padding-left:27px;padding-right: 27px;' class='weui-btn weui-btn_mini weui-btn_warn' id='user-detail-back'>< 返回</a></small>
			</div>
		</div>
		<div class='weui-cell'>
			<div class='weui-cell__hd'>
				<headimg>
					<headimgurl class='hidden' detail=1></headimgurl>
					<headimgurl detail=d>
						<headimgurl detail=i><img class='headimg' /></headimgurl>
					</headimgurl>
					<headimgurl detail=none>
						<div class='headimg'></div>
					</headimgurl>
				</headimg>
			</div>
			<div class='weui-cell__bd'>
				<user_name id='user-info-user_name' detail=1></user_name> <small>#<user_id id='user-info-user_id' detail=1></user_id></small>
			</div>
			<div class='weui-cell__bd'>
				<tel detail=1 id='client-recharge-tel'></tel>
				<tel detail=none class='weui-cell_link' data-toggle='modal' data-target='#user-detail-tel-binding' data-detail='#user-detail'>绑定电话</tel>
			</div>
			<!--<div class='weui-cell__hd'>-->
			<!--<i class='i i-tagfill'></i>-->
			<!--</div>-->
			<!--<div class='weui-cell__bd bc-input-focus'>-->
			<!--<input autocomplete='off' id='user-set-name-input' placeholder="设置备注名:" class='weui-btn weui-btn_mini weui-btn_default' name="user_name" detail=1/>-->
			<!--&lt;!&ndash; <p mute>设置备注名</p> &ndash;&gt;-->
			<!--</div>-->
			&nbsp; &nbsp;

		</div>
		<div class='weui-cell'>
			<div class='weui-cell__hd'>
				<label class='weui-label'>
					<i class='i i-cash'></i> 账户
				</label>
			</div>
			<div class='weui-cell__bd'>
				<h2 style='font-style: italic1;color:#666'>¥
					<balance style='color:maroon;' detail=f></balance>
				</h2>
			</div>
			<!--<div class='weui-cell__ft' style='text-align: right;'>-->
			<!--<a class='weui-btn weui-btn_mini weui-btn_primary' data-toggle='modal' data-target='#user-detail-recharge' data-detail='#user-detail' style='padding:20px;'>立即充值</a>-->
			<!--</div>-->
		</div>
		<div class='weui-cell'>
			<div class='weui-cell__hd'>
				<label class='weui-label'>
					<i class='i i-cash'></i> 积分
				</label>
			</div>
			<div class='weui-cell__bd'>
				<h2 style='font-style: italic1;color:#666'>
					<points style='color:maroon;' info=1></points>
				</h2>
			</div>
		</div>
		<div class='weui-cell'>
			<div class='weui-cell__hd'>
				<label class='weui-label'>
					<i class='i i-crownfill'></i> 等级
				</label>
			</div>
			<div class='weui-cell__bd'>
				<h2 style='font-style: italic1;color:#666'>
					<empirical_value style='color:chocolate;' info=1></empirical_value>
				</h2>
			</div>
		</div>
	</div>
	<div class='weui-cells'>
		<div class='weui-cell'>
			<div class='weui-cell__hd'>
				<label class='weui-label'>充值总额：</label>
			</div>
			<div class='weui-cell__bd'>
				<recharge_total_fee info=f></recharge_total_fee> <small style="color:maroon;">退款-<recharge_refund_fee info=f></recharge_refund_fee></small>
			</div>
			<div class='weui-cell'>
				<div class='weui-cell__hd'>
					<label class='weui-label'>消费总额：</label>
				</div>
				<div class='weui-cell__bd'>
					<product_total_fee info=f></product_total_fee><small style="color:maroon;"> 退款-<product_refund_fee info=f></product_refund_fee></small>
				</div>
			</div>
		</div>

		<list info=r>
			<div class='weui-cell'>
				<div class='weui-cell__bd'>
					<brand_name range=1></brand_name><small mute><option_name range=1></option_name><br/><label_name range=1></label_name></small>
				</div>
				<div class='weui-cell__bd'>
					<create_time range=1></create_time>
				</div>
				<!--<div class='weui-cell__bd'>-->
				<!--<total_fee range=f></total_fee> <small mute>共<amount range=1></amount>份</small>-->
				<!--</div>-->
			</div>
		</list>
	</div>
</div>
<sss>
	$("#user-detail").on('bc-detail-success', function () {
		$('#user-info-members').children().each(function (index, el) {
			if (index) {
				$(el).addClass('member-tag-' + $(el).find('demand').html());
			}
		})
	})
	$("#user-list").on('bc-list-success', function () {
		$('#user-list .bc-list-content members').children().each(function (index, el) {
			var e = $(el);
			if (e.index()) {
				e.addClass('member-list-tag-' + $(el).find('demand').html());
			}
		})
	})
	$(function () {
		$('#user-detail').on('bc-detail-success', function () {
			INFO.reload('#user-detail', { user_id: $('#user-info-user_id').html() });
		})
	});
	$('#user-list').on('bc-list-success', function() {
		$('#user-list').find('.bc-list-loadmore').html(LIST.page);
	});
	function ajax_page (num) {
		$('#client-list-page').val(num);
		LIST.reload('#user-list');
	}
	$('body').on('change', '#client-list-keywords', function(event) {
		$('#client-list-page').val(' ');
	});
</sss>